.statistics-wrapper {
  .tab-nav {
    display: flex;
    border:1px solid #e4e4e4;
    border-radius: 4px;
    box-shadow: 2px 2px rgba(225,225,225,.2);
    margin-bottom: 22px;
    .tab-item {
      display: inline-flex;
      position: relative;
      flex:1 1;
      border-right:1px solid #e4e4e4;
      min-height: 90px;
      &.active {
        background-color: #f4f4f4;
      }
      &:last-child {
        border-right: none;
      }
      .details {
        position: absolute;
        display: flex;
        flex-direction: column;
        padding:8px 0 8px 8px;
          .title {
            font-size: 14px;
            color: #666;
          }
          .desc {
            font-size: 12px;
            line-height: 12px;
            color: #999;
            padding: 6px 0 2px;
          }
          .count {
            font-size: 30px;
            color: #666;
            line-height: 34px;
          }
        }
      }
      .polygon,.rect {
        align-self: flex-end;
        width: 100%;
        height: 60px;
      }
    }
    .history-statistics-wrapper,.tomato-statistics-wrapper,.month-statistics-wrapper {
      padding:16px;
      border:1px solid #ddd;
      border-radius:4px;
    }
  .month-statistics-wrapper {
    box-shadow: 2px 2px rgba(225,225,225,.2);
  }
  }